@import "../../../style/functions";

page-policy-list {

    .fab-ios-light{
        background-color:transparent;
        width: 8.89vw;
        height: 8.89vw;
        padding:0;

        .go-up-icon{
            width: 8.89vw;
            height: 8.89vw;
            max-width: none;
        }
    }

    .has-refresher > .scroll-content {
        border-top: none;
    }

    .head-bar {

        //padding: 0 0 3.7vw 0;
        //padding: 0 0 5.55vw 0;
        .head-bar-num {
            height: 13.89vw;
            font-size: 3.89vw;
            color: #333;
            padding-left: 5.55vw;
            line-height: 13.89vw;
            box-shadow:0 0 3.7vw rgba(0,0,0,.1);
            background-color: #fff;

            .filter-btn {
                width: 16.85vw;
                height: 7.31vw;
                background-color: #35AC63;
                float: right;
                margin-right: 5.55vw;
                margin-top: 3.6vw;
                display: flex;
                align-items: center;
                border-radius: 6vw;
                i {
                    display:inline-block;
                    width:4.17vw;
                    height:4.17vw;
                    background-repeat:no-repeat;
                    background-size:cover;
                    background-image:url('../assets/images/policy/icon_list_filter_wihte.png');
                    margin-left: 1.6vw;
                    margin-right: 0.4vw;
                }

                span {
                    color: #fff;
                    font-size: 3.89vw;
                }
            }
        }
    }

    .container {
        background-color: #F5F5F5;

        //.head-bar {
        //
        //    //padding: 0 0 3.7vw 0;
        //    padding: 0 0 5.55vw 0;
        //    .head-bar-num {
        //        height: 13.89vw;
        //        font-size: 3.89vw;
        //        color: #333;
        //        padding-left: 5.55vw;
        //        line-height: 13.89vw;
        //        box-shadow:0 0 3.7vw rgba(0,0,0,.1);
        //        background-color: #fff;
        //
        //        .filter-btn {
        //            width: 16.85vw;
        //            height: 7.31vw;
        //            background-color: #35AC63;
        //            float: right;
        //            margin-right: 5.55vw;
        //            margin-top: 3.6vw;
        //            display: flex;
        //            align-items: center;
        //            border-radius: 6vw;
        //            i {
        //                display:inline-block;
        //                width:4.17vw;
        //                height:4.17vw;
        //                background-repeat:no-repeat;
        //                background-size:cover;
        //                background-image:url('../assets/images/policy/icon_list_filter_wihte.png');
        //                margin-left: 1.6vw;
        //                margin-right: 0.4vw;
        //            }
        //
        //            span {
        //                color: #fff;
        //                font-size: 3.89vw;
        //            }
        //        }
        //    }
        //}

        .space-level{
            padding-bottom: 5.55vw;
        }

        .content-item {
            background-color: #fff;
            //margin-top: 1.85vw;
            margin-bottom: 5.55vw;
            //margin-top: 5.55vw;
            margin-left: 5.55vw;
            width: 88.89vw;
            padding: 4.63vw 4.63vw;
            font-size: 3.89vw;
            box-shadow:0 0 3.7vw rgba(0,0,0,.1);

            .item-bar {
                padding-bottom: 1.76vw;
                border-bottom: 0.55px solid #ddd !important;
                .bar-left {
                    color: #333;
                }

                .bar-right {
                    color: #35AC63;
                    float: right;
                }
            }

            .item-ctt {
                color: #666;
                .flex-box{
                    display: flex;
                    .ctt-left{
                        flex-grow: 0;
                        flex-shrink: 0;
                    }
                    .ctt-right {
                        padding-left: transVw(160);
                        justify-content: flex-end;
                        text-align: right;
                        flex: 1 1 auto;
                    }
                }
                div {
                    margin-top: 2.4vw;
                }

                .ctt-right {
                    float: right;
                    display: flex;
                    align-items: center;
                    i {
                        display: inline-block;
                        background-size: cover;
                        height: 3.33vw;
                        width: 3.33vw;
                        margin-left: 1.67vw;
                        margin-right: 0.926vw;
                    }

                    i.nan{
                        background-image: url("../assets/images/policy/icon_list_sexman.png");
                    }
                    i.nv{
                        background-image: url("../assets/images/policy/icon_list_sexwoman.png");
                    }
                    i.unknow{
                        background-image: url("../assets/images/policy/icon_list_sexunknow.png");
                    }


                    .age {
                        color: #999;
                    }
                }
            }
        }
    }
}
